<template>
  <div class="Comment-list">
    <ul>
      <li v-for="(item, index) in dataList" :key="index">
        <comment-card :data="item"></comment-card>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  name: "CommentList",
  props: {
    dataList: {
      type: Array,
      default: [],
    },
  },
};
</script>

<style>
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
</style>
